<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<script src="js/jquery-1.11.0.min.js"></script>
<body>
<form>
    信用卡余额: <input readonly type="text" id="amount">
    选择你要提现的银行卡: <select id="c1">
                        <option>--请选择--</option>
                      </select>
                        <select id="c1_b">
                            <option></option>
                        </select>
    选择你要提现的数额: <input type="text" id="num"><div id="div"></div><br>
    <input id="btn" type="button" value="确认提现">
</form>
<table width="100%" id="shouye">
    <tr>
        <td align="center"><a href="/airong/index.html">首页</a></td>
        <!--    <td align="center"><a href="#"><input type="button" id="lc" value="理财"></a></td>-->
        <td align="center"><a href="" id="lc">理财</a></td>
        <td align="center"><a href="/airong/personalCenter.html">我的</a></td>

    </tr>
</table>
</body>
<script>
    //获取地址栏参数，name:参数名称
    function getUrlParms (name) {
        let url = window.location.href;//获取请求进来的完整url
        let tstr = url.substring(url.indexOf('?') + 1).split('&');//先截取url的?后面的参数部分，在根据&分割成参数数组
        let result = {};
        tstr.forEach((item) => {
            let res = item.split('=');//res为type,my-component1.vue。  res[0]为type，res[1为]my-component1.vue
            result[res[0]] = res[1];//构造成键值对形式 res[0]为键，res[1]为值 例：type: "my-component1.vue"
        });
        return result[name];//通过键取值
    };
    let uid = getUrlParms("uid");
    let cid = getUrlParms("cid");
    findTx(uid)
    function findTx(uid) {
        let url = "/airong/cc?action=findTx";
        let params = {uid:uid, cid: cid}
        $.get(url,params,function (data) {
           if (data != null){
               $("#amount").val(data.amount);
               $("#c1").html("");
               $.each(data.card1List,function (index,element) {
                   $("#c1").append("<option>"+ element.id +"</option>")
               });
           }else {
                // 注册一类卡
           }
        },"json");

            $("#c1").change(function () {
                let url = "/airong/cc?action=finCard1ByID";
                let params = {cid: $("#c1").val()}
                $.get(url,params,function (card1) {
                    $("#c1_b").html("")
                    $("#c1_b").append("<option>"+ card1.balance +"</option>")
                },"json");
            });
    }

    $("#num").blur(function () {
        $("#div").html("");
        let amount = $("#c1_b").val();
        let num = $("#num").val();
        if (Number.parseInt(num) > Number.parseInt(amount)){
            $("#div").append("<a style='color: red'>银行卡余额不足</a>")
        }else {
            $("#btn").click(function () {
                let url = "/airong/cc?action=tx";
                let params = {
                    cid: cid,
                    c1: $("#c1").val(),
                    num: num
                }
                $.get(url,params,function (data) {
                    if (data === "Y"){
                        alert("提现成功")
                        window.location.href = "showCC.html?cid="+cid+"&uid="+uid;
                    }else if (data === "N"){
                        alert("提现失败")
                        window.location.href = "showCC.html?cid="+cid+"&uid="+uid;
                    }else if (data === 6){
                        $("#div").append("<a style='color: red'>银行卡余额不足</a>")
                    }
                },"text")
            });
        }

    })
    let urll = "/airong/cc?action=getSessionID";
    let paramsl = {}
    $.get(urll,paramsl,function (sessionID){
        document.getElementById('lc').href= "products.html?uid="+sessionID;
    },"text")

</script>
<style>
    div {
        width: 100%;
        text-align: center;
    }
    #shouye{
        position: absolute;
        top: 600px;
        padding: 5px;
        margin: 4px;
        background-color: bisque;
        font-size: 20px;
        text-align: center;
        z-index: 1;
    }

</style>
</html>